<!DOCTYPE HTML>
<html>

<head>
    <meta name="layout" content="files">

    <link rel="stylesheet" href="${resource(dir: 'css', file: 'donate.css')}" type="text/css">
    <link rel="stylesheet" type="text/css"  href="${resource(dir: 'css', file: 'project_detail.css')}">
    <title>火堆</title>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>	
    <script src="http://www.haoshudao.com/sddc/static/js/dataMonitor.js"></script>	
    

</head>

<body>
	<input type="hidden"  id="descriptionTip" value="${subproject?.subdescription}"/>
    <input type="hidden"  id="nameTip" value="${project.name}"/>
    <script type="text/javascript">
	    wx.config({
	 	    debug: false,  // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
	 	    appId: '${appid}', // 必填，公众号的唯一标识
	 	    timestamp: "${timestamp}", // 必填，生成签名的时间戳
	 	    nonceStr: '${nonceStr}', // 必填，生成签名的随机串
	 	    signature: '${signature}',// 必填，签名，见附录1
	 	    jsApiList: ['checkJsApi' , 'onMenuShareAppMessage' , 'onMenuShareTimeline']
	 	});

	 	wx.ready(function(){
	 		wx.checkJsApi({
	 		    jsApiList: ['onMenuShareAppMessage' , 'onMenuShareTimeline'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
	 		    success: function(res) {
	 		       //alert('wx.check: '+JSON.stringify(res));
	 		    }
	 		});
	 		//发送给朋友分享功能
	 		wx.onMenuShareAppMessage({
	 		    title: $("#nameTip").val()+"—火堆公益", // 分享标题
	 		    desc: $("#descriptionTip").val(), // 分享描述
	 		    link: '${shareUrl}', // 分享链接
	 		    imgUrl: '${imgUrl}', // 分享图标
				trigger: function () {
				//alert("点击按钮");
				},
	 		    success: function () { 
	 		        // 用户确认分享后执行的回调函数
	 		        window.location.href = "/scfire/subProject/subProjectDetail?subprojectid=${subproject?.id}"
	 		    },
	 		    cancel: function () { 
	 		        // 用户取消分享后执行的回调函数
	 		    }
	 		});

	 		//分享到朋友圈
	 		wx.onMenuShareTimeline({
	 		    title: '邀您一起支持【${subproject?.member?.nickname}】发起的【'+ $("#nameTip").val()+'】的公益筹款，小伙伴们快来一起支持他的善行。', // 分享标题
	 		    link: '${shareUrl}', // 分享链接
	 		    imgUrl: '${imgUrl}',  // 分享图标
	 		    success: function () { 
	 		        // 用户确认分享后执行的回调函数
	 		        window.location.href = "/scfire/subProject/subProjectDetail?subprojectid="+${subproject?.id}
	 		    },
	 		    cancel: function () { 
	 		        // 用户取消分享后执行的回调函数
	 		    }
	 		});

	 	});
	 	wx.error(function (res) {
			//alert('wx.error: '+JSON.stringify(res));
	    });
	</script>
<div class="top-banner">
        <img class="success" src="../images/ic_success.png" alt="">一起捐发起成功！
    </div>
		<g:if test="${project.verified =='pass'}">
		 	<footer class="ui-footer ui-footer-stable ui-border-t">
		     <div class="ui-footer-btns">
		            <button class="btn-footer btn-red" onclick="showDBottom();">立即捐款</button>
		     </div>
		    </footer>
		</g:if>
    <section class="ui-container">
		<div class="top-info">
			<div class="top">
				<img class="img-top" src="../images/img-yqj-top-bg.png" alt="">
				<div class="wrap">
					<a href="#" class="ui-avatar"> <g:if
							test="${user?.headimgurl!=null }">
							<span style="background-image:url(${user.headimgurl})"></span>
						</g:if> <g:else>
							<span
								style="background-image:url(${resource(dir: 'images/demo', file: 'demo-avatar-1.jpg')})"></span>
						</g:else>
					</a>
					<h4>
<%--						<g:if test="${user.verify == 'pass'}">--%>
<%--							${user.realName }--%>
<%--						</g:if>--%>
<%--						<g:else>--%>
							${user.nickname }
<%--						</g:else>--%>
						邀你一起捐
					</h4>
				</div>
			</div>
			<p>
				${subproject?.subdescription }
			</p>
		</div>

		<div class="banner-wrap style1">
			<img src="../images/img-invite.png" alt="">
			<g:render template="processBanner"  model="['fRuler':fRuler,'subproject':subproject,'donateUsers':donateUsers,'subFDonates':subFDonates]"></g:render>
		</div>
		<div class="banner-wrap style2">
			<g:render template="projectStatsBanner" bean="${project}"></g:render>
			<div class=" project">
				<div class="ui-box">
					<div class="ui-list-thumb">
						<span
							style="background-image:url(/scfire/project/imgRead?img=${project.img})"></span>
					</div>
					<div class="ui-list-info">
						<h4 class="ui-nowrap">
							${project.name}
						</h4>
						<p>
							${project.description}
						</p>
					</div>
				</div>
				<p class="msg">善款接收：上海真爱梦想公益基金会</p>
				<div class="detail" id="projectDetail"> 
					<input type="hidden" value="${project.detail }" id="projectDetailHtml">
			        	<script type="text/javascript">
							$("#projectDetail").html($("#projectDetailHtml").val());
			        	</script>
			       	<g:each in="${project.projectPics}" var="projectPic">
			       			<img class="img-detail" src="/scfire/project/imgRead?img=${projectPic.pic}" alt="">
				            <p class="ui-txt-tips content" >${projectPic.content}</p>
			       	</g:each>
			       	</div>
				<div class="btn-container">
					<div class="btn btn-detail">
						项目详情<i class="icon-down"></i>
					</div>
				</div>
			</div>
		</div>
		<g:render template="footerscfire" contextPath="/project"/>  
	</section>
 <div class="d-bottom">
        <div class="b-info">
            <b class="btn-close"></b>
            <div class="title ui-border-b">请输入捐款金额</div>
            
            
            
            <g:if test="${fRuler!= "" && fRuler!=null}">
            <g:if test="${fRuler?.status=="true"}">
             <div class="ui-fp-hint">
                <span class="img-box" style="background-image:url(/scfire/project/imgRead?img=${fRuler.fundPool.coverPic})"></span>
                               项目配捐额度
                <em> <g:formatNumber number="${fRuler?.bandfund/100- fRuler?.donatefund/100}" format="0.00"/> </em> 元（比例<em>${fRuler?.regular}</em>）
            </div>
            </g:if>
            </g:if>
            
            <form action="/scfire/pay/pay" id="donateForm" method="post">
            <div class="detail-box ui-whitespace">
                <div class="ui-justify">
                    <ul class="p-tag-list">
                        
                    	<li class="p-tag active" onclick='donate("20")'>20<i>元</i></li>
                    	<li class="p-tag" onclick='donate("50")'>50<i>元</i></li>
                        <li class="p-tag" onclick='donate("100")'>100<i>元</i></li>
                        <li class="p-tag" onclick='donate("500")'>500<i>元</i></li>
                    	
                    </ul>
                   	 <input type="hidden" name="donateprice" value="20" id="donateprice"> 
                    <input type="hidden" name="projectid" value="${project.id}" id="projectid">
                    <input type="hidden" name="subprojectid" value="${subproject.id}" id="subprojectid">
                </div>
                <div class="input-box"><input type="number" name="price" value="" onchange='donate(this.value)' onclick='donate(this.value)' placeholder="自定义金额"></input><i>元</i></div>
                <div class="detail-bottom">
                    <label class="ui-checkbox">
                        <input type="checkbox" checked="" id="agreement">
                    </label>
                   	 同意<a href="#" onclick="return showDeal();">《火堆用户协议》</a>
                </div>
                <button type='button' class="ui-btn-lg btn-red" onclick="DonateQuick()">立即捐款</button>               
            </div>
            </form>
            
        </div>
    </div>
    
    <div class="dialog-step">
         <div class="dialog-box">
            <h4>《火堆用户协议》</h4>
            <div class="txt">
			<p>火堆(www.ihuodui.org)是上海真爱梦想公益基金会（简称“真爱梦想”）内部孵化的专注于教育的网络公益众筹平台，本协议的双方是火堆的注册用户（简称“您”）与火堆。在您注册并使用“火堆”提供的各项服务之前，请您务必仔细阅读并透彻理解本协议条款。如果您同意注册并使用“火堆”提供的服务，视为您已经认真阅读、理解并完全接受了本协议全部内容，本协议即时在您与火堆之间发生法律效力。</p>
			<p>以下为本协议内容：</p>
			<p>1、您应是具有完全民事权利能力和民事行为能力的自然人，或依法设立并有效存续的单位（包括企业法人及其他组织）。</p>
			<p>2、您应妥善保管您的登录用户名和密码，使用您的用户名和密码登陆火堆进行的任何操作，将视为您本人的操作，一切后果由您本人承担。如果您的用户名或密码泄露，您应立即通知火堆，以避免可能的损失。</p>
			<p>3、您在注册时及在使用火堆提供的服务时提供的相关资料及信息应真实、准确、有效、完整，且不存在误导陈述，不侵害其他人的知识产权及合法权益。前述资料及信息包括：您在注册或登录过程中、在任何公共信息区域（包括留言栏或反馈区）或通过任何电邮形式或手机短信向火堆或其他用户提供的所有内容。</p>
			<p>4、为更好地保护您的合法权益并向您提供优质、高效的服务，火堆可能将您的信息应用在以下方面：</p>
				<p>（1）在您登陆火堆时进行必要的身份验证；</p>
				<p>（2）根据您的浏览记录及相关信息，向您推荐您可能感兴趣的项目资料；</p>
				<p>（3）针对您通过火堆提出的任何问题及时予以回复，并提供必要的协助；</p>
				<p>（4）分析火堆的用户需求及使用情况，以为您提供更优质的服务；</p>
				<p>（5）用于向您提供的其他相关服务，比如向您发送火堆的有关通知、服务公告等。</p>
			<p>5、火堆将针对您的个人交易向您推动微信消息或火堆站内信，同时也会将此类发送的发送控制在最低限度，如果您不选择退订此类消息，视为您接受火堆继续向您发送此类推送。</p>
			<p>6、您在对火堆发布的项目提供众筹支持时，应认真阅读火堆发布的有关该项目的一切信息。如果您确定为某项目提供众筹支持，视为您已经完全理解并接受该项目的相关内容及风险，一切后果由您本人承担，火堆不承担任何责任。</p>
			<p>7、火堆不保证火堆发布的所有项目均能够众筹成功，如项目众筹失败，在跟项目发起人沟通之后由于善款不足无法执行的项目以及涉及欺诈无法拨款的项目，所筹善款全部进入火堆爱心池，用于支持其他公益项目，项目发起人或项目捐赠人均不得要求火堆承担任何责任。</p>
			<p>8、捐赠人可以在捐赠众筹项目时选择捐赠5%的捐赠额给火堆，作为火堆的运营费用，一旦众筹失败，捐赠人不得要求退还已捐赠的运营费用。</p>
			<p>9、如火堆上发布的项目众筹成功，火堆作为平台提供方会协助、监督项目发起人兑现对项目情况的反馈，如项目发起人与项目捐赠人因此产生纠纷，应双方协商解决，火堆可提供必要的协助，但任何一方均不得要求火堆承担任何责任。</p>
			<p>10、如项目筹款结束，所筹善款不满足项目执行或者评估发起人不具有执行能力或者筹款过程中善款使用方向发生根本性变动或者可能造成欺诈等的情况，所筹得善款会被放入火堆“火柴侠爱心池”，用于配资支持火堆平台上更具有潜力的公益项目。</p>
            <p>11、项目众筹成功或筹款失败但仍然可以执行的项目：</p>
            <p>筹款目标在5万以下，火堆承诺在项目众筹成功的T+5天内把所筹善款打给项目发起人。</p>
            <p>筹款目标在5万元以上（包括5万元），火堆承诺在项目众筹结束的T+5天内把所筹善款的70%打给项目发起人；在收到项目执行中期报告及相关所需票据的T+5天内把剩余30%的善款发给项目发起人。</p>
			<p>12、众安保险保障火堆平台捐赠资金的安全性，因火堆系统问题导致捐赠人所捐善款被非法盗用，众安给予捐赠人相应赔偿；项目筹款成功后，如火堆没有按照协议将善款投付至约定项目发起人，众安给予捐赠人相应赔偿；因捐赠项目存在的恶意情形，导致捐赠人咨询律师或者聘请律师代理诉讼，如使用众安推荐的律师，众安给予一万元的费用补偿。</p>
			<p>13、火堆应对您提供的信息履行保密义务，非为本协议约定之目的或按照法律、法规、有权机关的要求进行信息披露外，未经您事先书面同意，火堆不应向除必要合作方之外的第三方披露您的信息。</p>
			<p>14、您在使用火堆提供的服务时应遵守中华人民共和国相关法律法规、不得将本服务用于任何非法目的，也不得以任何非法方式使用本服务。</p>
			<p>15、当您存在包括但不限于下列情形之一时，火堆有权立即终止向您提供服务而无需承担任何责任，并有权要求您赔偿火堆因此遭受的一切损失，同时根据情况严重程度火堆保留将您的资料移送司法机关的权利：</p>
				   <p>15.1 违反本协议的约定；</p>
				   <p>15.2 冒用他人名义使用本服务；</p>
				   <p>15.3 利用本服务侵害他人的合法权益；</p>
				   <p>15.4 从事非法交易，如洗钱、贩卖枪支、毒品、禁药、盗版软件、淫秽物品等；</p>
				   <p>15.5 从事任何可能含有电脑病毒或可能侵害本服务系统之行为；</p>
				   <p>15.6 火堆认为向您提供本服务存在风险的；</p>
				   <p>15.7 其他导致火堆终止向您提供服务的行为。</p>
			<p>16、您理解并同意，火堆不对因下述任一情况导致的您的任何损害承担赔偿责任，包括但不限于利润、商誉、使用、数据等方面的损失或其他无形损失的损害赔偿 (无论火堆是否已被告知该等损害赔偿发生的可能性)：</p>
				   <p>16.1 火堆基于单方判断（包括但不限于火堆认为您已经违反相关法律法规或本协议的约定），暂停、中止或终止向您提供全部或部分服务，并移除您的资料。</p>
				   <p>16.2 如果火堆发现您违反法律法规或本协议约定使用火堆提供的服务，或认为您存在违反法律规定或本协议约定的可能时，有权不经通知先行暂停或终止向您提供全部或部分服务，且无需向您承担任何责任。</p>
			<p>17、因以下任一情形导致您无法使用全部或部分服务时，火堆不承担任何责任，该情形包括但不限于：</p>
				   <p>17.1 火堆在网站公告之系统停机维护期间；</p>
				   <p>17.2 电信设备出现故障不能进行数据传输的；</p>
				   <p>17.3 您的银行卡发卡银行的原因导致的服务中断或延迟；</p>
				   <p>17.4 因台风、地震、海啸、洪水、停电、战争、恐怖袭击等不可抗力之因素，造成火堆系统障碍不能执行业务的；</p>
				   <p>17.5 由于黑客攻击、电信部门技术调整或故障、网站升级等原因而造成的服务中断或者延迟。</p>
			<p>18、火堆依据本协议约定中止或终止向您提供服务后，并不能免除您在中止或终止前实施的行为应承担的任何法律后果。</p>
			<p>19、本协议的成立、生效、履行，均适用中华人民共和国法律解释。</p>
			<p>20、火堆发布的各类规则、协议、条款等，构成本协议不可分割的组成部分。火堆有权适时调整本协议的内容，并在火堆公布，如您不能接受变更后的协议内容，请立即停止使用火堆提供的服务。如您继续使用火堆提供的服务，视为您理解并接受调整后的本协议。</p>
			<p>21、双方在履行本协议的过程中，如发生争议，应协商解决。协商不成的，应提交上海市浦东新区人民法院。</p>
			<p>22、 除非另行明示载明，任何通知将发往您在注册过程中向火堆提供的微信号或直接在网站上公告，火堆也可以以适当的其他方式进行通知。</p>
            </div>
            <div class="btn-red btn-close">我知道了</div>
        </div>
    </div>
    <script>
    var requstFlag = false;
    $(function() {
        $('.p-tag-list .p-tag').click(function() {
            $(this).addClass('active').siblings('.p-tag').removeClass('active');
            $('.donate-form .input-box').removeClass('active');
        });

        $('.donate-form .input-box input').click(function() {
            $('.p-tag-list .p-tag').removeClass('active');
            $(this).parent().addClass('active');
        });

        $('.dialog-step .dialog-box .btn-close').click(function() {
            $('.dialog-step').removeClass('show');
        });
        $('.d-bottom .b-info .detail-box .input-box input').click(function(){
            $('.d-bottom .b-info .p-tag-list .p-tag').removeClass('active');
            $(this).parent().addClass('active');
        });

        $('.d-bottom .b-info .btn-close').click(function(){
            $(this).parents('.d-bottom').hide();
            $('#donate').show();
        });

        $('.dialog-step .dialog-box .btn-close').click(function(){
            $('.dialog-step').removeClass('show'); 
         });
        $('.btn-detail').on('click',function(){
   	       if($(this).hasClass('active')){
   	            $(this).removeClass('active').parent('.btn-container').siblings('.detail').removeClass('active');
   	        }else{
   	 	       
   	            $(this).addClass('active').parent('.btn-container').siblings('.detail').addClass('active');
   	          
   	        }
   	       
   	   });
    })

    function getRequst(url, id){
		 $.ajax({
			  url: url,
			  success: function (response){
				  console.log("succuss" + id);
				  $("#projectDetail").html("");
				  $(id).append(response);
				  
			  },
			  dataType: "html",
			  error: function (){
				  console.log("error");
				  $(id).html("请求出错，请稍后刷新重试");
			  }
			});
	}
    function showDeal() {
        $('.dialog-step').addClass('show');
        return false;
    }


    function showDBottom () {
        var d = $('.d-bottom');
        var b = $('#donate');
        d.show();
        b.hide();
    }

    function donate(price){
        if(isNaN(price)){
            alert("请输入数字.");
            return;
         }
        $("#donateprice").val(price);
    }

    function DonateQuick(){
        var stats = document.getElementById("agreement").checked;
        var price = $("#donateprice").val();

        var sub = true;
        
        if(!stats){
        	sub = false;
        	alert("请先同意用户协议");
        }
		if(price.trim()==null){
			sub = false;
			alert("金额不能为空");
        }
        if(!checkPrice(price)){
        	sub = false;
        	alert("单位精确到分");
        }
		if(sub == true){
        	$("#donateForm").submit();
        }
    }

    //校验数字是否为正整数
	function checkPrice(price){
		var t=/^-?\d+\.?\d{0,2}$/;
        return t.test(price);
	} 
    
    </script>
</body>

</html>
